<?php
/**
 * Created by PhpStorm.
 * User: Frings
 * Date: 2016-05-20
 * Time: 11:24
 */

use yii\helpers\Url;

$web = Url::to("@web");
?>

<!DOCTYPE html >
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title> 查看物流</title>
    <script src="<?= $web ?>/js/jquery.js"></script>
    <link href="<?= $web ?>/css/wx-good/order.css" rel="stylesheet" type="text/css">
    <link href="<?= $web ?>/css/wx-good/order-logistics.css" rel="stylesheet" type="text/css">
    <link href="<?= $web ?>/css/global.css" rel="stylesheet" type="text/css">
    <script>
        $(function ($) {
            var
                w = $(document).width();
            if (w > 640) {
                w = 640;
                console.log(w);
            }
            $("html").css("font-size", w * 20 / 320);
        });

        function seachLogistics() {
            window.location.href = 'http://m.kuaidi100.com/';
        }
    </script>
</head>
<body>
<div class="main" style="width: 16rem; margin: 0 auto;">
    <div class="head-head-top"></div>
    <div class="head">
        <div class="head-border">
            <img src="<?= $web ?>/img/wx-good/order-1.png" style="width: 100%">
        </div>
        <div class="head-user head-two">
            <div class="user-people">
                <div class="user-people-img">
                    <img src="<?= $web ?>/img/wx-good/order-3.png" style="height: 100%">
                </div>
                <div class="user-people-name">
                    <span><?= $order['RECEIVER_NAME'] ?></span>
                </div>
            </div>
            <div class="user-phone">
                <div class="user-phone-img">
                    <img src="<?= $web ?>/img/wx-good/order-4.png" style="height: 100%">
                </div>
                <div class="user-phone-number">
                    <span><?= $order['RECEIVER_PHONE'] ?></span>
                </div>
            </div>
        </div>
        <div class="user-address head-two">
            <span> <?= $order['RECEIVER_PROVINCE'] . $order['RECEIVER_CITY'] . $order['RECEIVER_REGION'] . $order['RECEIVER_ADDRESS'] ?></span>
        </div>
    </div>

    <?php
    foreach ($orderDeliveryList as $orderDelivery) {
        ?>

        <div class="logistics">
            <div class="logistics-head">
                <div class="logistics-head-img"><img src="<?= $web ?>/img/wx-good/order-logistics-1.png"></div>
                <div class="logistics-head-words"> 物流公司：<span> <?= $orderDelivery['LOGISTICS_COMPANY'] ?></span></div>
            </div>
            <div class="logistics-middle">
                <div class="logistics-middle-words">
                    快递单号：<span> <?= $orderDelivery['LOGISTICS_CODE'] ?></span>
                </div>
                <div class="logistics-middle-wordsSmall">
                    如需查看物流详细信息，请复制快递单号进入 <a href="javascript:seachLogistics()">快递公司</a> 页面查看。
                </div>
                <div class="logistics-middle-foot">
                    <div class="logistics-head-img"><img src="<?= $web ?>/img/wx-good/order-logistics-1.png"></div>
                    <div class="logistics-head-words"> 您的订单商品</div>
                    <div class="logistics-head-img"><img src="<?= $web ?>/img/wx-good/order-logistics-2.png"></div>
                </div>
            </div>
            <div class="logistics-foot">
                <?php
                foreach ($orderDelivery['GoodsList'] as $goods) {
                    ?>
                    <div class="logistics-foot-img"><img src="<?= $goods['GOODS_IMG_URL'] ?>"></div>

                    <?php
                }
                ?>
            </div>
        </div>


        <?php
    }
    ?>


</div>
</body>
</html>